import React,{Component} from 'react';
import { Row, Col } from 'antd';
import solutionSource from '../slide-source/solution';
import './solutionMobile.less';
const prefix = 'solution-mobile';
class SolutionMobile extends Component{
    render(){
        let solutionEle = solutionSource.map((value,index)=>{
            return(
                <Col key={index} className={prefix+'-list'}>
                    <a href={value.id}>
                        <img src={value.images} alt=""/>
                        <p className={prefix+'-title'}>{value.title}</p>
                        <p className={prefix+"-summary"}>{value.summary}</p>
                    </a>
                </Col>
            )
        });
        return(
            <div className={prefix}>
                <h3>解决方案</h3>
                <Row type="flex" justify="space-between" align="bottom">
                    {solutionEle}
                </Row>
            </div>
        )
    }
};
export default SolutionMobile;